<template>
  <div>
    <h2>过滤器：vue3 没有了</h2>
    <h2>{{ time | chengeTime }}</h2>
       <h2>{{ time | changeT }}</h2>
    <!-- 
             1：局部注册 =》就是给组件实例添加一个属性
             2：全局注册

        作用：把数据变成我们想要的 ，时间格式
         -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: 200, // 00:00
    };
  },
  filters: {
    chengeTime(time) {
      //参数就是我们要处理的数据
      console.log(time); // 200

      //js
      let M;
      let m;
      let S;
      let s;

      m = Math.floor(time / 60);
      console.log(m);
      if (m > 9) {
         M = m; // 10
      } else {
        // 3
         M = `0${m}`; //00
      }
      s = time - m * 60; //20
      if (s > 9) {
        S = s; // 10
      } else {
        // 3
         S= `0${s}`; //00
      }

      //处理秒

      return `${M}:${S}`; //// 00:00
    },
  },
};
</script>

<style>
</style>